@import "../../../css/global";

.tab {
  height: .88rem;
  background: rgba(255, 255, 255, 1);
  & > div {
    width: .02rem;
    height: .48rem;
    background: rgba(243, 243, 243, 1);
  }

  .a {
    background: rgba(255, 255, 255, 1);
    div {
      width: .88rem;
      height: .8rem;
      span {
        width: .84rem;
        height: .28rem;
        font-size: .28rem;
        color: rgba(23, 28, 47, 1);
        line-height: .28rem;
      }
    }
  }
  & > .a.active > div {
    border-bottom: .04rem solid rgba(250, 48, 45, 1);
    border-top: .04rem solid rgba(0, 0, 0, 0);
  }
}

.line {
  width: 100%;
  height: .02rem;
  background: rgba(243, 243, 243, 1);
}

.order-list {
  margin: .16rem 0;
  li {
    min-height: 2.46rem;
    margin: .16rem 0;
    background: rgba(255, 255, 255, 1);
    .title {
      width: 5.46rem;
      min-height: .92rem;
      margin: .32rem .4rem .24rem .30rem;
      font-size: .32rem;
      color: rgba(34, 34, 34, 1);
      line-height: .46rem;
    }
    .status {
      width: .92rem;
      height: .36rem;
      margin: .42rem .69rem .42rem .45rem;
      background: rgba(255, 255, 255, 1);
      border: .02rem solid RGBA(250, 48, 45, 1);
      border-radius: .04rem;
      font-size: .24rem;
      color: rgba(250, 48, 45, 1);
      line-height: .24rem;
    }
    .line {
      width: 7.20rem;
      height: .02rem;
      margin-left: .3rem;
      background: rgba(242, 240, 245, 1);
    }
    .cancel, .view {
      margin: .32rem .08rem;
      &:nth-last-child(1) {
        margin-right: .32rem;
      }
    }
    .cancel {
      width: 1.66rem;
      height: .56rem;
      background: rgba(255, 255, 255, 1);
      border-radius: .28rem;
      border: .02rem solid RGBA(153, 153, 153, 1);
      font-size: .26rem;
      color: rgba(153, 153, 153, 1);
      line-height: .28rem;
    }
    .view {
      width: 1.66rem;
      height: .56rem;
      background: rgba(250, 48, 45, 1);
      border-radius: .28rem;
      font-size: .26rem;
      color: rgba(255, 255, 255, 1);
      line-height: .28rem;
    }
  }
}
